<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <input hidden th:id="'no-'+${placeKey}+'-course'" th:value="${#lists.size(dataList)}"/>
    <li class="mb5" th:if="!${#lists.isEmpty(dataList)}" th:each="dataMap : ${dataList}">
            <a th:href="@{/mobile/course/info(courseId=${dataMap['dataTypeMap']['id']})}" class="item-content">
                <div class="item-media">
                    <section class="wm-item-picture__wrap pr">
                        <aside class="wm-picture-tag__wrap">
                            <span class="wm-picture-tag" th:if="${dataMap['dataTypeMap']['courseTypeKey']}=='PACKAGE'">套餐</span>
                            <span class="wm-picture-tag" th:if="${dataMap['dataTypeMap']['courseTypeKey']}=='LIVE'">直播</span>
                            <span class="wm-picture-tag" th:if="${dataMap['dataTypeMap']['courseTypeKey']}=='VIDEO'">录播</span>
                        </aside>
                        <img class="wm-img" th:attr="data-src=${dataMap['dataTypeMap']['imageMap']['mobileUrlMap']['small']}" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                    </section>
                </div>
                <div class="item-inner">
                    <section class="item-title">
                        <span class="wm-cm-title" th:text="${dataMap['dataTypeMap']['courseName']}"></span>
                    </section>
                    <div class="wm-desc-txt__wrap mt5">
                        <span class="fs6 c-888" th:text="${dataMap['dataTypeMap']['summary']}"></span>
                    </div>
                </div>
            </a>
            <section class="pl75 pr75 pt5">
                <div class="row no-gutter">
                    <aside class="col-66" th:if="${!#lists.isEmpty(dataMap['dataTypeMap']['teacherList'])}">
                        <img class="list-teacher-img vam" th:attr="data-src=${dataMap['dataTypeMap']['teacherList'][0]['imageMap']['mobileUrlMap']['large']}"  th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                        <span class="wm-txt-small" th:text="${dataMap['dataTypeMap']['teacherList'][0]['teacherName']}"></span>
                        <span class="wm-txt-small">·</span>
                        <span class="wm-txt-small" th:text="${dataMap['dataTypeMap']['initBuyNum'] + dataMap['dataTypeMap']['courseProfile']['buyCount']}+' 位学员'"></span>
                    </aside>
                    <aside class="col-66" th:if="${#lists.isEmpty(dataMap['dataTypeMap']['teacherList'])}">
                        <img class="list-teacher-img vam" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                        <span class="wm-txt-small">暂无老师</span>
                        <span class="wm-txt-small">·</span>
                        <span class="wm-txt-small">0位学员</span>
                    </aside>
                    <aside class="col-33 text-right">
                        <span th:if="${dataMap['dataTypeMap']['memberPrice']} > 0 or ${dataMap['dataTypeMap']['realPrice']} > 0" class="wm-price">
                            <small>￥</small>
                            <samp th:text="${dataMap['dataTypeMap']['realPrice']}"></samp>
                        </span>
                        <span th:if="${dataMap['dataTypeMap']['realPrice']} <= 0 and ${dataMap['dataTypeMap']['memberCourse']} != 1" class="wm-price-free">
                            <small>免费</small>
                        </span>
                        <span th:if="${dataMap['dataTypeMap']['memberCourse']} == 1" class="wm-price">
                            <small>会员课</small>
                        </span>
                    </aside>
                </div>
            </section>
        </li>
</html>